<template>
	<view @tap="tel" class="telphone" :style="{ marginTop: source.margin, marginBottom: source.margin2, backgroundColor: source.line_color }">
		<view>
			<text class="lg text-gray icon-phone"></text>
			{{ source.placeholder }}
			<text class="phone">{{ source.haoma }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			source: [Object]
		},
		methods: {
			tel () {
				uni.makePhoneCall({
					phoneNumber: this.source.haoma
				})
			}
		}
	}
</script>

<style lang="less" scoped>
@import '../../../common/styles/variables.less';
.telphone {
	padding: 0 15upx;
	font-size: @title;
	height:@height;
	display: flex;
	align-items: center;	
	& > view{
		display: flex;
		align-items: center;		
	}
	background-color: white;
	.arrowRight(#666, 0, 15upx);
	.border-bottom;
	text.lg {
		color: @red;
		font-size: 38upx;
		padding-right: 10upx;
		display: block;
	}
	.phone {
		font-weight: 400;
		margin-left: 10upx;
	}
}
</style>
